<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>套餐管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/admin/style/admin.css" media="all">
</head>

<body>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">关键字：</label>
                    <div class="layui-input-block">
                        <input type="text" name="keywords" placeholder="可按套餐名、医院名搜索" autocomplete="off" class="layui-input" style="width: 600px;">
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="layui-card-body">

            <div style="padding-bottom: 10px;">
                {if (buttonAuth('taocan/add'))}
                <button class="layui-btn layui-btn-normal layuiadmin-btn-order" data-type="add"><i
                        class="layui-icon">&#xe654;</i> 添加套餐</button>
                {/if}
            </div>

            <table id="LAY-user-table" lay-filter="LAY-user-table"></table>

            <script type="text/html" id="zizeng">
                {{d.LAY_TABLE_INDEX+1}}
            </script>
            <script type="text/html" id="table-seller-admin">
                {if (buttonAuth('taocan/detail'))}
                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail"><i
                        class="layui-icon layui-icon-face-smile-b"></i>查看</a>
                {/if}
                {if (buttonAuth('hospital/edit'))}
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
                        class="layui-icon layui-icon-edit"></i>编辑</a>
                {/if}
                {if (buttonAuth('hospital/del'))}
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                        class="layui-icon layui-icon-delete"></i>删除</a>
                {/if}
            </script>
        </div>
    </div>
</div>

<script src="/static/layui/layui.all.js"></script>
<script src="/static/common/js/layTool.js"></script>
<script src="/static/common/js/jquery.min.js"></script>

<script>
    layui.config({
        base: '/static/admin/'
    }).use(['table', 'util'], function () {
        var $ = layui.$,
            form = layui.form,
            table = layui.table,
            util = layui.util;

        var active = {
            add: function () {
                layTool.open("{:url('taocan/add')}", "添加套餐", '100%', '100%');
            }
        };

        $('.layui-btn.layuiadmin-btn-order').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        // 监听搜索
        form.on('submit(LAY-user-back-search)', function (data) {
            var field = data.field;
            // 执行重载
            table.reload('LAY-user-table', {
                where: field
            });
        });
    });

    renderTable();
    // 渲染表格
    function renderTable() {
        layTool.table("#LAY-user-table", "/admin/taocan/index", [
            [
                {field: 'zizeng',width: 80,title: '编号',sort: true,templet: '#zizeng'},
                {field: "taocan",title: "套餐类型"},
                {field: "tc_title",title: "套餐名"},
                {field: "hos_name",title: "医院"},
                {field: "status",title: "是否可以预约"},
                {field: "tc_price",title: "套餐价格"},
                {field: "tc_address", title: "检查地址"},
                {field: "add_time",title: "提交时间"},
                {field: "username", title: "添加人"},
                {title: "操作",align: "center",width: 250,fixed: "right",toolbar: "#table-seller-admin"}
            ]
        ], 20);


        layui.use(['table', 'layer'], function () {
            let layer = layui.layer;
            let table = layui.table;


            table.on("tool(LAY-user-table)",
                function (e) {
                    if ("del" === e.event) {

                        layer.ready(function () {
                            var index = layer.confirm('您确定要删除该套餐？', {
                                title: '友情提示',
                                icon: 3,
                                btn: ['确定', '取消']
                            }, function () {

                                $.getJSON('{:url("taocan/del")}', {
                                    id: e.data.id
                                }, function (res) {

                                    if (0 == res.code) {

                                        layer.msg(res.msg);
                                        setTimeout(function () {
                                            renderTable();
                                        }, 300);
                                    } else {
                                        layer.alert(res.msg);
                                    }
                                });
                            }, function () {

                            });
                        });
                    } else if ("edit" === e.event) {
                        layTool.open("/admin/taocan/edit/id/" + e.data.id, "编辑套餐", '50%', '66%');
                    } else if ("detail" === e.event) {
                        layTool.open("/admin/taocan/detail/id/" + e.data.id, "查看套餐", '100%', '100%');
                    }
                });
        });
    }
</script>
</body>

</html>